import { FC } from 'react'
import type { QuestionInputProps } from './types'
import { Input, Typography } from 'antd'

export const QuestionInputDefaultProps: QuestionInputProps = { title: '输入框标题', placeholder: '请输入' }

const QuestionInput: FC<QuestionInputProps> = props => {
  const { title, placeholder } = { ...QuestionInputDefaultProps, ...props }

  return (
    <div>
      <Typography.Paragraph strong>{title}</Typography.Paragraph>
      <div>
        <Input placeholder={placeholder} />
      </div>
    </div>
  )
}

export default QuestionInput
